﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>MU-css</title>
<meta name="keywords" content="MU-CSS"/>
<meta name="description" content="MU-CSS"/>
<link rel="stylesheet" href="mu.css"/>
<script type="text/javascript" src="js/class/jquery.js"></script>
<!--[if IE]><script type="text/javascript" src="js/class/DD_roundies.js"></script><![endif]-->
<!--[if IE 6]><script type="text/javascript" src="js/class/DD_belatedPNG.js"></script><![endif]-->
<!--[if IE]><script type="text/javascript" src="js/iefix.js"></script><![endif]-->
</head>
<body>
普通单行
<table class="table">
 <tbody>
  <tr>
   <th>序号</th>
   <th>姓名</th>
   <th>性别</th>
  </tr>
  <tr>
   <td>001</td>
   <td>陈峰展</td>
   <td>男</td>
  </tr>
  <tr>
   <td>002</td>
   <td>梁燕萍</td>
   <td>女</td>
  </tr>
  <tr>
   <td>003</td>
   <td>范特西</td>
   <td>未知</td>
  </tr>
  <tr>
   <td>001</td>
   <td>陈峰展</td>
   <td>男</td>
  </tr>
  <tr>
   <td>002</td>
   <td>梁燕萍</td>
   <td>女</td>
  </tr>
  <tr>
   <td>003</td>
   <td>范特西</td>
   <td>未知</td>
  </tr>
 </tbody>
</table>
全网格
<table class="table bordered">
 <tbody>
  <tr>
   <th>序号</th>
   <th>姓名</th>
   <th>性别</th>
  </tr>
  <tr>
   <td>001</td>
   <td>陈峰展</td>
   <td>男</td>
  </tr>
  <tr>
   <td>002</td>
   <td>梁燕萍</td>
   <td>女</td>
  </tr>
  <tr>
   <td>003</td>
   <td>范特西</td>
   <td>未知</td>
  </tr>
  <tr>
   <td>001</td>
   <td>陈峰展</td>
   <td>男</td>
  </tr>
  <tr>
   <td>002</td>
   <td>梁燕萍</td>
   <td>女</td>
  </tr>
  <tr>
   <td>003</td>
   <td>范特西</td>
   <td>未知</td>
  </tr>
 </tbody>
</table>
斑马表格,使用JS来辅助
<table class="table zebra">
 <tbody>
  <tr>
   <th>序号</th>
   <th>姓名</th>
   <th>性别</th>
  </tr>
  <tr>
   <td>001</td>
   <td>陈峰展</td>
   <td>男</td>
  </tr>
  <tr>
   <td>002</td>
   <td>梁燕萍</td>
   <td>女</td>
  </tr>
  <tr>
   <td>003</td>
   <td>范特西</td>
   <td>未知</td>
  </tr>
  <tr>
   <td>001</td>
   <td>陈峰展</td>
   <td>男</td>
  </tr>
  <tr>
   <td>002</td>
   <td>梁燕萍</td>
   <td>女</td>
  </tr>
  <tr>
   <td>003</td>
   <td>范特西</td>
   <td>未知</td>
  </tr>
 </tbody>
</table>
全网格,带选中
<table class="table bordered">
 <tbody>
  <tr>
   <th class="selected">序号</th>
   <th>姓名</th>
   <th>性别</th>
  </tr>
  <tr>
   <td>001</td>
   <td class="selected">陈峰展</td>
   <td>男</td>
  </tr>
  <tr class="selected">
   <td>002</td>
   <td>梁燕萍</td>
   <td>女</td>
  </tr>
  <tr>
   <td>003</td>
   <td>范特西</td>
   <td>未知</td>
  </tr>
  <tr>
   <td>001</td>
   <td>陈峰展</td>
   <td>男</td>
  </tr>
  <tr>
   <td>002</td>
   <td>梁燕萍</td>
   <td>女</td>
  </tr>
  <tr>
   <td>003</td>
   <td>范特西</td>
   <td>未知</td>
  </tr>
 </tbody>
</table>
</body>
</html>